<template>
	<div>
		<logo-bar></logo-bar>
		<div class="login">
			<div class="container">
				<div class="content">
					<login-item page="login"></login-item>
				</div>
			</div>
			<div class="copyright">
				<p>@2010-2017 thishop.com. All rights reserved.</p>
			</div>
		</div>
	</div>
</template>

<script>
import LogoBar from '@/components/base/LogoBar'
import LoginItem from '@/components/login/LoginItem'

export default {
  name: 'Login',
  components: {
    LogoBar,
    LoginItem
  }
}
</script>

<style scoped>
.login {
	background: #f5f5f5;
	min-width: 1200px;
	height: 100%;
	padding-top: 80px;
}

.container {
	width: 800px;
	margin: 0 auto;
	padding: 100px 0 0;
	background-color: #fff;
}

.content {
	width: 376px;
	margin: 0 auto;
}

.copyright {
	width: 1200px;
	text-align: center;
	color: #666;
	margin: 230px auto 80px;
	font-size: 12px;
}
</style>
